<template>
  <div>
    <el-table
        :data="tableData"
        border
        height="200"
        style="width: 100%">
      <el-table-column
          prop="date"
          label="日期"
          width="180">
      </el-table-column>
      <el-table-column
          prop="name"
          label="姓名">
      </el-table-column>
      <el-table-column
          prop="amount"
          label="金额">
      </el-table-column>
    </el-table>

    <el-table
        :data="summaryData"
        border
        style="width: 100%; margin-top: -1px">
      <el-table-column
          prop="label"
          label=""
          width="180">
      </el-table-column>
      <el-table-column
          prop="value1"
          label="总计1">
      </el-table-column>
      <el-table-column
          prop="value2"
          label="总计2">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2023-01-01', name: '商品1', amount: 100 },
        { date: '2023-01-02', name: '商品2', amount: 200 },
        { date: '2023-01-03', name: '商品3', amount: 300 }
      ],
      summaryData: [
        { label: '金额总计', value1: 600, value2: 1200 }
      ]
    }
  }
}
</script>